<template>
	<view class="12">
		<view class="search_input">
		  <input placeholder="请输入搜索商品名称"/>
		  <button>取消</button>
		</view>
		<view class="search_content">
		  <view></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	page{
	  background-color: #dedede;
	  padding: 20rpx;
	}
	.search_input{
	  display: flex;
	  margin-bottom: 30rpx;
	  height: 80rpx;
	  input{
	    flex: 1;
	    height: 100%;
	    padding-left: 20rpx;
	    background-color: #fff;
	  }
	  button{
	    margin-left: 10rpx;
	    width: 20rpx;
	    height: 100%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	  }
	}
	.search_content {
	
	  view{
	    background-color: #fff;
	    font-size: 26rpx;
	    padding: 15rpx 10rpx;
	    border-bottom: 1rpx solid #ccc;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	  }
	}
			
</style>
